<!DOCTYPE html>
<html class="scr">    
<head>    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />   
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />   
	<meta name="apple-mobile-web-app-capable" content="yes" />   
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />   
	<meta name="format-detection" content="telephone=no" />   
	<title>武侯社区教育</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script type="text/javascript" src="js/dh/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/dh/jquery.SuperSlide.2.1.1.js"></script>
	<style type="text/css" media="screen">
		.swiper-pagination-bullet{
			float: right;
			background: #fff !important;
			opacity: 1 !important;
			width: 10px !important;
			height: 10px !important;
			margin: 4px 5px !important;
		}
		.swiper-pagination-bullet-active{
			background: #cb191d !important;

		}
	</style>
</head>
<body class="scr">
<div class="index-box">
	<div class="index-top">
		<div class="container1">
			<p class="p-wel">欢迎您来到武侯乐学武侯！！</p>
			<div class="right">
				<a href="#" title="">武侯政府网站</a><a href="#" title="">成都政府网站</a><a href="#" title="">社区网站</a>
			</div>
		</div>	
	</div>

	<div class="container1">
		<div class="index-cont">
			<div class="cont-top">
			    <a class="logo" href="index.html" title="">
			    	<img src="image/logo.png" alt="">
			    	<p>武侯社区教育　为市民终身学习服务</p>
			    </a>
			    <div class="right">
			    	<a class="big-a big-a-act" href="#" title="">
			    		<div class="img"></div>
			    		<p>课程开发</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>教育示范</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>业务指导</p>
			    	</a>
			    	<a class="big-a" href="#" title="">
			    		<div class="img"></div>
			    		<p>理论研究</p>
			    	</a>
			    </div>
			</div>
			<div style="clear: both;"></div>
			<div class="cont-down">
				<div class="left-nav">
					<a class="a-act" href="index.html" title="">首页</a>
					<a href="introduce.html" title="">认识学院</a>
					<a href="index.html" title="">学院架构</a>
					<a href="index.html" title="">机构职能</a>
					<a href="index.html" title="">政策法规</a>
					<a href="news.html" title="">学院新闻</a>
					<a href="class.html" title="">课程项目</a>
					<a href="online.html" title="">在线报名</a>
					<a href="contact.html" title="">联系我们</a>
				</div>
				<div class="right-cont">
					<div class="box-top">
						<div class="banner">
							<!-- Swiper -->
						    <div class="swiper-container">
						        <div class="swiper-wrapper">
						            <a href="#" class="swiper-slide">
						            	<img src="image/new1.jpg" alt="">
						            	<div class="txt">
						            		<p>推出“一带一路”税达通三类九条服务措施</p>
						            	</div>
						            </a>
						            <a href="#" class="swiper-slide">
						            	<img src="image/new1.jpg" alt="">
						            	<div class="txt">
						            		<p>推出“一带一路”税达通三类九条服务措施</p>
						            	</div>
						            </a>
						        </div>
						        <!-- Add Pagination -->
						        <div class="swiper-pagination" style=""></div>
						        <!-- Add Arrows -->
						        <!-- <div class="swiper-button-next"></div>
						        <div class="swiper-button-prev"></div> -->
						    </div>
						</div>
						<div class="box-top-mid">
							<div class="head">
								政策法规
							</div>
							<div class="contt">
								<p><a href="#" title="">教育部等九部门关于进一步推进社区<sup>NEWS</sup></a></p>
								<p><a href="#" title="">教育部等九部门关于进一步推进社区教教育部等九部门关于进一步推进社区教</a></p>
								<p><a href="#" title="">教育部等九部门关于进一步推进社区教</a></p>
								<p><a href="#" title="">教育部等九部门关于进一步推进社区教</a></p>
								<p><a href="#" title="">教育部等九部门关于进一步推进社区教</a></p>
								<p><a href="#" title="">教育部等九部门关于进一步推进社区教></a></p>
								<p><a href="#" title="">教育部等九部门关于进一步推进社区教</a></p>
							</div>
						</div>
						<div class="box-top-right">
							<div class="school">
								<div class="school-head">
									认识学院
								</div>
								<img class="img" src="image/school.jpg" alt="">
								<p>
									近几年来，武侯区社区教育工作以满足市民终身学习需求为目标，不断完善市民学习服务体系 . . . <a href="#">查看详情</a>
								</p>
							</div>
							<div class="box-top-nav">
								<a href="#" title="">
									<div class="co">
										<img src="image/nav1.png" alt="">
										<p>在线报名</p>
									</div>
								</a>
								<a href="#" title="">
									<div class="co">
										<img src="image/nav2.png" alt="">
										<p>联系我们</p>
									</div>
								</a>
							</div>
						</div>
					</div>
					<div class="box-down">
						<div class="down-left">
							<div class="head">
								最新新闻
							</div>
							<div class="cont-box">
								<div class="list">
									<p class="p"><a href="#" title="">[通知公告]武侯区社区学院2017年送教进社区开课了 . . .<sup>NEW</sup></a></p>
									<div class="title">
										<p>武侯区社区以系统化、专业化、规范化培训为目标，秉承开放和创新的原则，根据时代发展的需求、基层干部的需求 武侯区社区以系统化、专业化、规范化培训为目标，秉承开放和创新的原则，根据时代发展的需求、基层干部的需求 </p>
									</div>
								</div>
								<div class="list">
									<p class="p"><a href="#" title="">[通知公告]武侯区社区学院2017年送教进社区开课了 . . .<sup>NEW</sup></a></p>
								</div>
								<div class="list">
									<p class="p"><a href="#" title="">[通知公告]武侯区社区学院2017年送教进社区开课了 . . .<sup>NEW</sup></a></p>
								</div>
								<div class="list">
									<p class="p"><a href="#" title="">[通知公告]武侯区社区学院2017年送教进社区开课了 . . .<sup>NEW</sup></a></p>
								</div>
							</div>
						</div>
						<div class="down-right">
							<div class="head">
								特色微课
							</div>
							<div class="picScroll-left">
					            <a class="prev"><</a>
					            <div class="bd">
					                <ul class="picList">
					                    <li>
					                        <a href="#" title="">
					                        	<img src="image/v1.jpg" alt="">
					                        </a>
					                    </li>
					                    <li>
					                        <a href="#" title="">
					                        	<img src="image/v1.jpg" alt="">
					                        </a>
					                    </li>
					                    <li>
					                        <a href="#" title="">
					                        	<img src="image/v1.jpg" alt="">
					                        </a>
					                    </li>
					                    <li>
					                        <a href="#" title="">
					                        	<img src="image/v1.jpg" alt="">
					                        </a>
					                    </li>
					                    <li>
					                        <a href="#" title="">
					                        	<img src="image/v1.jpg" alt="">
					                        </a>
					                    </li>
					                </ul>
					            </div>
					            <a class="next">></a>
					        </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="index-foot">
	<div class="cont">
		<p>版权所有：武侯区社区教育&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备xxxxxxxxx号-x&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您是第 xxxxxxxxxx 位访问者&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持：ISONIC索客</p>
	</div>
</div>
<div class="position-right">
	<a href="javascript: void(0);" title="">
		<div>
			<p>触屏版</p>
		</div>
	</a>
	<a href="javascript: void(0);" title="">
		<div>
			<p>微信<br>扫一扫</p>
		</div>
	</a>
	<a href="javascript: void(0);" title="">
		<div>
			<p>新浪<br>微博</p>
		</div>
	</a>
	<a href="javascript: void(0);" title="">
		<div>
			<p>分享</p>
		</div>
	</a>
</div>
</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: 2500,
        autoplayDisableOnInteraction: false
    });
    </script>
    <script type="text/javascript">
        jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:3,trigger:"click"});
        </script>
</html>